<script setup lang="ts">
import ChannerNav from './components/ChannelNav.vue'
import ArticleList from './components/ArticleList.vue'
import {useCounterStore} from './store/counter'
import {storeToRefs} from 'pinia'
import { ref } from 'vue';

// 数据id由app.vue来维护,因为ArticleList组件要使用
// const channelId = ref(0)


// 使用导入的仓库
// const store = useCounterStore()
// const { count, doubleCount} = storeToRefs(store)
// console.log('菠萝', store);

</script>

<template>
  <!-- App: {{ count }} ------- {{ doubleCount }}
  <button @click="store.update()">mutations+</button>
  <button @click="store.asyncUpdate()">actions+</button> -->
  <ChannerNav></ChannerNav>
  <ArticleList ></ArticleList>
</template>

<style lang="scss" scoped></style>
